<template>
  <input
    v-model="value"
    class="my-input"
    :type="type"
    :placeholder="placeholder"
  />
</template>

<script>
export default {
  name: "MyInput",
  props: ["type", "placeholder", "nodel"],
  data() {
    return {
      value: this.model,
    };
  },

  mounted() {},

  methods: {
    resetInput() {
      this.value = "";
    },
  },
};
</script>

<style  scoped>
.my-input {
  height: 38px;
  padding: 0 10px;
  outline: none;
  border: 1px solid #ddd;
}
</style>